.shops-content{
    width:100%;
    overflow:  hidden;
    margin-bottom:  2rem;
}
.top-shops-info{
    width:100%;
    height:5.6rem;
    overflow:hidden;
    position:relative;
    background:url("../images/shop-infobg.png") no-repeat center center;
    background-size:100% 100%;
}
.top-shops-info .search-info{
    width:94%;
    margin:0 auto;
    position:relative;
    display:flex;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    justify-content:space-between;
}
.top-shops-info .search-info input{
    width: 15rem;
    display:block;
    height:  1.75rem;
    margin:  0;
    padding: 0;
    padding-left:1.5rem;
    border-radius:10px;
    line-height:  1.75rem;
    font-size:  14px;
}
.top-shops-info .search-info .icon{
    background: url("../images/search-icon.png") no-repeat center center;
    background-size: 100% 100%;
    display:block;
    width:13px;
    height:13px;
    position:absolute;
    left:0.5rem;
    top: 50%;
    margin-top:  -6.5px;
}
.top-shops-info .search-info .e-code{
    background: url("../images/e-code.png") no-repeat center center;
    background-size: 100% 100%;
    display:block;
    width:1.5rem;
    height:1.5rem;
    margin-top:0.15rem;
}
.top-shops-info .shop-info{
    width:100%;
    position:relative;
    display:flex;
    margin-top:0.4rem
}
.top-shops-info .shop-info .shop-img{
    width:4rem;
    height:2rem;
    margin-right:0.5rem;
    position:relative;
}
.top-shops-info .shop-info .infos{
    color:#ffffff;
}
.top-shops-info .shop-info .infos .text1{

}
.top-shops-info .shop-info .infos .text2{
text-align: left;
}
.ygz{

}
.top-shops-info .shop-info .follow{
    position:absolute;
    right:1rem;
    bottom:0.1rem;
    color:#ffffff;
    padding-left:0.65rem;
    padding-right:0.75rem;
    height: 1.5rem;
    background:#ff0808;
    border-radius:13rem;
    line-height: 1.5rem;
    display:flex;
    justify-content:space-between;
}

.top-shops-info .shop-info .follow span{

}
.top-shops-info .shop-info .follow .icon{
    background: url("../images/gz-icon.png") no-repeat center center;
    background-size: 100% 100%;
    display:block;
    width:0.85rem;
    height:0.85rem;
    margin-top:0.3rem;
  margin-right: 0.25rem;
}
.shop-content-in{
    width:100%;
    background:#ffffff;
    overflow:hidden;
}
.shop-content-in .nav-bar{
    width:100%;
    display:flex;
    height:3rem;
    border-bottom:1px solid #e5e5e5;
}
.shop-content-in .nav-bar .list-ul{
    width:100%;
    display:flex;
    justify-content:center;
    margin-top:0.65rem
}
.shop-content-in .nav-bar .list-li{
    width:25%;
    text-align:center;
    position:  relative;
}
.shop-content-in .nav-bar .list-li .top-icon{
    width:1rem;
    height:0.8rem;
    display:  block;
    margin:  0 auto;
    color:  #333333;
    position:  relative;
}
.shop-content-in .nav-bar .list-li .top-icon.active{
    color:#ff0808;
}
.shop-content-in .nav-bar .list-li:first-child .top-icon{
    background: url("../images/zy-icon.png") no-repeat center center;
    background-size: 100% 100%;
    display:block;
    width:1rem;
    height:0.8rem;
    margin:0 auto;
}
.shop-content-in .nav-bar .list-li:first-child .top-icon.active{
    background: url("../images/zy-icon-active.png") no-repeat center center;
    background-size: 100% 100%;
}
.shop-content-in .nav-bar .list-li .top-icon .dian{
    width:0.2rem;
    height:0.2rem;
    display:block;
    background:#ff0808;
    position:absolute;
    right:-0.2rem;
    top:-0.2rem;
    border-radius:50%;
}
.shop-content-in .nav-bar .list-li .text{
    margin-top:0.2rem;
    color:#333333;
}
.shop-content-in .nav-bar .list-li .text.active{
    color:#ff0808;
}
.shop-content-in .nav-bar .list-li .bt-icon{
    width:1rem;
    height:2px;
    background:#ff0808;
    position:  absolute;
    border-radius:1rem;
    bottom:0;
    left:50%;
    margin-left:-0.5rem;
    display:none;
}
.shop-content-in .nav-bar .list-li:first-child .bt-icon{
    /* display:block; */
}
.tab-content{
    width:100%;
    overflow:hidden;
}
.tab-content .tab-content-in{
    display:none;
}
.tab-content .tab-content-in:first-child{
    display:block;
}
.receive-card{
    width:100%;
    height: 6rem;
    background:#f2f2f2;
    overflow:hidden;
}
.receive-card-in{
    width:96%;
    margin:0 auto;
    height: 6rem;
    display:flex;
    justify-content:center;
    margin-top: 0.75rem;
}
.receive-box{
    background: url("../images/receive-card.png") no-repeat center center;
    background-size: 100% 100%;
    width:9.5rem;
    border-radius:5px;
    height:4.5rem;
}
.receive-box:first-child{
    margin-right:0.5rem;
}
.receive-box.active{
    background: url("../images/receive-card-active.png") no-repeat center center;
    background-size: 100% 100%;
}
.receive-box .price{
    color:#ff0808;
    font-size:1.75rem;
    margin-left:0.2rem;
    width: 70%;
}
.receive-box .price span{
    font-size:1.25rem
}
.receive-box .use{
    font-size:0.6rem;
    color:#999999;
    margin-left:0.5rem;
    width: 70%;
}
.receive-box .time{
    color:#999999;
    margin-left:0.5rem;
    font-size:0.6rem;
    margin-top:0.1rem;
    width: 70%;
}
.layui-layer-setwin{
    display: none;z-index: 100;
}
.layui-layer-dialog{
    display: none;
}
.layer-content{
    width: 8rem;
    height:10rem;
    left:50%;
    margin-left:-3.5rem;
    position: fixed;
    z-index: 99;
    display: none;
    top: 50%;
    margin-top: -5rem;
}
.layer-content-in{
    width:100%;
    height:100%;
    position:relative;
}
.layer-content .close-icon{
    background: url("../images/layer-close.png") no-repeat center center;
    background-size: 100% 100%;
    display:block;
    height:1.5rem;
    width:1.5rem;
    position:absolute;
    right:0;
    top:0;
}
.layer-content .card-num{
    background: url("../images/layer-pic.png") no-repeat center center;
    background-size: 100% 100%;
    width:7rem;
    height:6rem;
    color:#ffffff;
    line-height:8rem;
    text-align:center;
    font-size:2rem;
    font-weight:bold;
    margin:0 auto;
}
.layer-content .success{
    color:#ffffff;
    margin-top:0.5rem;
    text-align:center;
}
.layer-content .use-btn{
    width:3.25rem;
    height:1.5rem;
    background:#ff0808;
    display:block;
    color:#ffffff;
    text-align:center;
    line-height:1.5rem;
    margin:0 auto;
    border-radius:5px;
    margin-top:0.5rem;
}
.receive-map{
    width:100%;
    overflow:hidden;
}
.receive-map .map-content{
    width:100%;
    height:11rem;
    border-bottom: 1px solid #e5e5e5;
}
.map-content .top-add{
    width:100%;
    height:2rem;
    background:#ffffff;
    border-bottom:1px solid #d9d9d9;
    position:relative;
    line-height:2rem;
    text-align: left;
}
.map-content .top-add .icon{
    background: url("../images/add-icon.png") no-repeat center center;
    background-size: 100% 100%;
    display:inline-block;
    width:0.65rem;
    height:0.85rem;
    margin-left:1rem;
    position:relative;
    top:0.1rem;
}
.map-content .top-add .text{
    color:#333333;
}
.receive-map .map-list{
    width:100%;
    overflow:hidden;
}
.receive-map .map-list .list-li{
    height: 2.25rem;
    border-bottom:1px solid #e5e5e5;
    line-height: 2.25rem;
    color:#333333;
    padding-left:1rem;
    text-align: left;
}
.receive-map  .map-list .list-li a{
    color:#333333;
}

.com-lis-con{
    width: 100%;
    position: relative;
    overflow: hidden;
}
